<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <title>商品详情</title>
    <link rel="stylesheet" href="__PUBLIC__/Product/css/jfdhDetail.css">
    <link rel="stylesheet" href="__PUBLIC__/Product/css/lib/animate.css"> 
    <link rel="stylesheet" href="__PUBLIC__/Product/css/lib/swiper-3.4.2.min.css">
    <script src="__PUBLIC__/Product/js/lib/flexible.js"></script>
    <script src="__PUBLIC__/Product/js/lib/swiper-3.4.2.min.js"></script>
</head>
<body>
    <div class="detail_box">
        <!-- 头部 -->
        <div class="detail_header">
            <img class="goBack" src="__PUBLIC__/Product/img/fanhui.png" alt="返回">
            <p>商品介绍</p>
            <img class="shop_car" src="__PUBLIC__/Product/img/shop_car.png"/>
        </div>
        <!-- 内容 -->
        <div class="detail_content">
            <!-- 轮播图 -->
            <div class="swiper-container">
                <div class="swiper-wrapper">
                    <!--<div class="swiper-slide">
                        <img src="../img/1.jpg" alt="">
                    </div>
                    <div class="swiper-slide">
                        <img src="../img/2.jpg" alt="">
                    </div>
                    <div class="swiper-slide">
                        <img src="../img/3.jpg" alt="">
                    </div>
                    <div class="swiper-slide">
                        <img src="../img/4.jpg" alt="">
                    </div>
                    <div class="swiper-slide">
                        <img src="../img/5.jpg" alt="">
                    </div>-->
                </div>
                <!-- 分页器 -->
                <div class="swiper-pagination"></div>
            </div>
            <div class="good_information">
                <p class="good_name"></p>
                <p class="good_price"><span>￥</span><span class="newP"></span><span class="redFont">元+<span class="pointPrice"></span>集分</span>&nbsp;<span class="original_price">原价：￥</span><span class="oldP"></span></p>
                <p class="express-count">
                    <span>快递：</span>
                    <span>免运费</span>
                    <span>|</span>
                    <span>仅剩：<span class="Stock"></span></span>
                    <span>件</span>
                </p>
                <p class="package-color">
                    <span>选择套餐类型，颜色分类</span>
                    <span><img src="__PUBLIC__/Product/img/right.png" alt="" /></span>
                </p>
                <div class="good_detail">
                	<div class="slow_choseCon">
                		<img src="__PUBLIC__/Product/img/detail1.png" style="height: 0.34666666rem;width: 9.46666666rem;"/>
	                    <!--<span class="blank"></span>
	                    <span class="squire">◆</span>
	                    <span class="pur"><img src="__PUBLIC__/Product/img/detail.png" alt="">&nbsp;商品详情</span>
	                    <span class="squire">◆</span>
	                    <span class="blank"></span>-->
	                </div>
	                <div class="detailImg_box">
	                	<!--<img src="__PUBLIC__/Product/img/protuct.png"/>-->
	                </div>
	                <div class="kongbai"></div>
                </div>
            </div>
        </div>
        <!-- 脚部一，带返回首页按钮 -->
        <div class="detail_foot">
        	<ul class="foot_ul">
        		<li class="foot_li_Lt">
        			<img src="__PUBLIC__/Product/img/home_page.png" alt="" />
        			<p>首页</p>
        		</li>
        		<li class="foot_li_con">
        			<a href="#" class="shopingCar">加入购物车</a>
        		</li>
        		<li class="foot_li_Rt">
        			<a href="#" class="farstBuy">立即购买</a>
        		</li>
        	</ul>
        </div>
        <!-- 脚部二 -->
        <div class="detail_footTwo">
        	<ul class="foot_ulTwo">
        		<li class="foot_li_Lt">
        			<a href="#" class="shopingCarTwo">加入购物车</a>
        		</li>
        		<li class="foot_li_Rt">
        			<a href="#" class="farstBuyTwo">立即购买</a>
        		</li>
        	</ul>
        </div>
        
        <!-- 脚部三，只有确定按钮加购物车 -->
        <div class="detail_footThree">确定</div>
        <!-- 脚部三，只有确定按钮立即购买 -->
        <div class="detail_footFour">确定</div>
        <!-- 商品信息 -->
        <div class="good_Info">
            <div class="Info_top">   
                <div class="good_img">
                    <img src="" alt=""><!--__PUBLIC__/Product/img/luyouqi.gif-->
                </div>
                <div class="top_right">
                    <div class="close"><img src="__PUBLIC__/Product/img/guanbi.png" alt=""></div>
                    <p class="price_p"><span>&yen;</span><span class="price"></span>+<span class="pointPri"></span>集分</p>
                    <p>库存：<span class="info_stock"></span>件</p>
                    <p>已选：<span class="selected"></span></p>
                </div>
            </div>
            <div class="Info_content">
                <div class="Info_contentTop">
                	<!--<div class="package classification">
	                    <p class="classify">套餐类型</p>
	                    <p class="chosePackage">
	                    	<button class="Active" value="标准套餐">标准套餐</button>
	                    	<button class="Active" value="标准套餐">套餐一</button>
	                    	<button class="Active" value="标准套餐">套餐二</button>
	                    	<button class="Active" value="标准套餐">套餐三</button>
	                    	<button class="Active" value="标准套餐">套餐四</button>
	                    	<button class="Active" value="标准套餐">套餐五</button>
	                    	<button class="Active" value="标准套餐">套餐六</button>
	                    	<button class="Active" value="标准套餐">套餐七</button>
	                    	<button class="Active" value="标准套餐">套餐八</button>
	                    	<button class="Active" value="标准套餐">套餐九</button>
	                    	<button class="Active" value="标准套餐">套餐十</button>
	                    </p>
	                </div>
	                <div class="color classification">
	                    <p class="classify">颜色分类</p>
	                    <p class="choseColor">
	                    	<button class="Active" value="白色">红</button>
	                    	<button class="Active" value="白色">白</button>
	                    	<button class="Active" value="白色">黑</button>
	                    	<button class="Active" value="白色">绿</button>
	                    	<button class="Active" value="白色">紫</button>
	                    </p>
	                </div>-->
                </div>
                <div class="buy_num">
                    <p class="float">购买数量</p>
                    <p class="reduce float"><b>-</b></p>
                    <input type="text" value="1" class="num float" disabled="disabled">
                    <p class="add float"><b>+</b></p>
                </div>
            </div>
        </div>
        <!-- 蒙版 -->
        <div class="mask"></div>
        <!-- 提示弹窗 -->
        <div class="errAlert"></div>
    </div>
</body>
</html>
<script src="__PUBLIC__/Product/js/lib/jquery3.2.1.js"></script>
<script src="__PUBLIC__/Product/js/lib/carousel.js"></script>
<script src="__PUBLIC__/Product/js/jfdhDetail.js"></script>